<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <button>点我试试看</button>
    <button>ie9 AttachEvent</button>
    <script>
        var btn = document.querySelectorAll('button');
        //1.事件监听 addEventListener IE9以上版本支持 同一个元素可以添加多个侦听器
        btn[0].addEventListener('click', function() {
            alert('你可真是倾国倾城!');
        })
        btn[0].addEventListener('click', function() {
            alert('貌如西施!');
        })

        //2. attachEvent IE9以前的版本才支持 不适合使用与开发
        btn[1].attachEvent('onclick', function() {
            alert('我是AttachEvent');
        })
    </script>
</body>
</html>